<template>
	<div class="top">
		<span class="title">小烦恼记录本</span>
		<span class="setup" @click="changeLayout">...</span>
       <!--  <span class="setup"@click="changeLayout">丨</span> -->
        <Mlist ref="mychild"></Mlist>
	</div>
</template>
<script type="text/javascript">
import Mlist from '../components/m-list'
	export default{
		data(){
			return {
			}
		},
		components:{
			"Mlist":Mlist
		},
		methods:{
            	changeLayout(){
		            this.$refs.mychild.changelist();
		        }
        	}
	}
</script>
<style type="text/css">
	.top{
		width: 100%;
		height: 40px;
		background: #00d1b2;
	}
	.top .title{
		color: white;
		line-height:40px;
		font-size:18px;
		margin-left: 20px;
	}
	.setup{
		float:right;
		margin-right: 15px;
		color: white;
		line-height:30px;
		font-size:18px;
	}
</style>